<template>
	<el-menu class="el-menu-demo" mode="horizontal">
		<template v-if="projectList.length>0">
			<el-menu-item v-if="type==='underway'" index="1" title="编辑项目" @click="handleProject">
				<i class="el-icon-edit"></i>
			</el-menu-item>
			<el-menu-item v-if="type==='history'" index="1" title="删除项目" @click="handleProject">
				<i class="el-icon-delete"></i>
			</el-menu-item>
			<el-submenu index="2">
				<template slot="title">项目组成员</template>
				<el-menu-item v-for="(item,index) in projectList[curProjectIndex].partners" :key="index" :index="`2-${index+1}`">
					{{ item.userID === projectList[curProjectIndex].relevanceUserID ? `负责人：${item.username}` : `队员：${item.username}` }}
				</el-menu-item>
			</el-submenu>
			<el-menu-item index="3" :title="projectList[curProjectIndex].project.college">
				<el-avatar size="medium" :src="projectList[curProjectIndex].project.avatarUrl"></el-avatar>
				<span style="margin-left: 10px;font-size: 12px;">{{ projectList[curProjectIndex].project.university }}</span>
			</el-menu-item>
		</template>
	</el-menu>
</template>

<script>
	export default{
		props:{
			projectList:{
				type:Array,
				default:[]
			},
			relevanceUserID:{ //绑定小程序的userID

			},
			type:{
				type:String,
				default:"underway" //underway:正在进行  history：历史项目
			},
			curProjectIndex:{  //当前项目index
				type:Number,
				default:0
			}
		},
		methods:{
			handleProject(){
				this.$emit('handleProject');
			}
		}
	}
</script>

<style>
	
</style>
